vscode安装+node.js环境搭建(mac) |
您所在的位置：网站首页 › mac vscode如何运行 › vscode安装+node.js环境搭建(mac) |
vscode安装+node.js环境搭建(mac)
|
一：安装vscode
在官网Visual Studio Code - Code Editing. Redefined下载解压即可使用 插件分享：
可参考：Vue2.0 新手入门 — 从环境搭建到发布 | 菜鸟教程 1、Homebrew ：Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件（若已安装则跳过） brew -v # 可查看是否已经安装Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、使用homebrew安装node.js brew install nodejs node -v # 查看node.js版本
3、安装npm (淘宝镜像) npm install -g cnpm --registry=https://registry.npm.taobao.org 三、node.js环境搭建（手动安装）node.js中文官网：Node.js，可在首页安装最新版 也可以安装指定版本：官网-->下载-->所有下载选项，即可按照个人需要指定版本安装（Index of /dist/） mac进去选择.pkg文件即可，本人下载的为10.16.3版本，下载后双击安装即可。
npm install -g cnpm --registry=https://registry.npm.taobao.org # 淘宝镜像
四、在vscode中打开已经下载的vue项目(在码云下载的renren-fast-vue)，以下为个人运行renren-fast-vue时的一些 填坑经验，可忽略。
导入项目，打开终端执行【npm install】，下载前端所需要的组件
使用最新的nodejs时报错：no matching constructor for initialization of 'v8::String::Utf8Value' 按照提示执行System Darwin 19.*.* 时，发现无法识别System命令，找了好多帖子均无用，所以换用nodejs10.16.3版本尝试。 然后又出现以下错误：
经参考其他博客发现以下命令有效（有可能之前安装淘宝镜像失败导致的问题）： npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriverpackage.json ：描述了所需要依赖以及版本信息 node_modules： npm run dev报错： Error: ENOENT: no such file or directory, scandir '****/node_modules/node_saas/** npm rebuild node-sass 解决方案：npm rebuild node-sass 五、vue模块化开发全局安装webpack(用于项目打包) npm install webpack -g全局安装nue脚手架 npm install -g @vue/cli-init初始化一个vue项目(初始化时有些需要确认的信息，按照实际情况选择即可) vue init webpack appname初始化后有快速开始的命令指示，可以快速测试一下。 element组件库已经配置好了很多常用组件，可以配合使用 npm i element-ui 六、node多版本查看已经安装的Node n list指定版本的node安装 sudo -E n 16.17.0版本切换 sudo n #上下健切换版本 回车即可查看当前版本 node -v删除指定版本 n rm 16.17.0 |
【本文地址】
今日新闻 |
推荐新闻 |